<!--
* @description 
* @fileName index.vue
* @author huangyu
* @date 2023/02/16 11:05:35
!-->
<template>
    <el-container class="zhuxian">
        <el-header style="background:#fff;">
            <vHeader></vHeader>
        </el-header>
        <el-container>
            <el-aside width="200px" :style="`background:#fff;height:${menuHeight}px;border-right:1px solid #ddd;border-top:1px solid #ddd;`">
                <el-menu default-active="/admin/zx/default" :router="true" style="margin-top:20px;" >
                    <el-menu-item :index="'/admin/zx/gameInfo'" v-if="powerRoleGM">游戏介绍编辑</el-menu-item>
                    <el-menu-item :index="'/admin/zx/userReal'" v-if="powerRoleAdmin">账号申请列表</el-menu-item>
                    <el-menu-item :index="'/admin/zx/userList'" v-if="powerRoleAdmin">易宝用户管理</el-menu-item>
                    <el-submenu index="1" v-if="powerClan">
                        <template slot="title">
                            <span>帮派管理</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item :index="'/admin/zx/clan/list'">帮派人员管理</el-menu-item>
                            <el-menu-item :index="'/admin/zx/clan/score'">人员分数统计管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>
            <el-main>
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import '@/assets/less/zhuxian.less'
import vHeader from "@/components/game/zhuxian/header.vue"
export default {
    components: {vHeader},
    data() {
        return {
            menuHeight: document.documentElement.clientHeight - 60,
            powerRoleAdmin: this.$power.roleAction('管理员'),
            powerRoleGM: this.$power.roleAction('GM'),
            powerClan: this.$power.roleAction('clan'),
        }
    },
    mounted() {

    },
    methods: {

    },
}
</script>

<style scoped>

</style>